<template>
  <view class="item" @click="redirect">
    <view class="content">
      <view class="title">
        {{ title }}
      </view>
      <view class="icon"> </view>
    </view>
    <view class="text">
      {{ text }}
    </view>
  </view>
</template>

<script>
export default {
  name: 'formItem',
  props: {
    title: String,
    text: String,
    path: String
  },
  data() {
    return {};
  },
  methods: {
    redirect() {
     
	  this.$emit('redirect')
    }
  }
};
</script>

<style lang="scss" scoped>
* {
  box-sizing: border-box;
}
.item {
  width: 642rpx;
  padding: 32rpx 24rpx;
  background: #f1f8ff;
  border-radius: 8px 8px 0px 0px;
}
.content {
  display: flex;
  align-items: center;

  .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 32rpx;
    color: rgba(0, 0, 0, 0.8);
  }

  .icon {
    width: 46rpx;
    height: 46rpx;
    margin-left: 24rpx;
  }
}
.text {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: rgba(0, 0, 0, 0.4);
}
</style>
